<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script>

            //类似于window.onload
            $(function(){
                $("div").click(function () {

                    // DOM对象.innerHTML
                    // console.log(this.innerHTML);


                    // 获取集合中第一个匹配元素的HTML内容
                    // console.log($("div").html());

                    // DOM对象->jQuery对象  $(DOM对象)
                    console.log($(this).html());
                });

                $("input").click(function () {
                    // console.log(this.value);

                    // 获取匹配的元素集合中第一个元素的当前值。
                    // console.log($("input").val());

                    console.log($(this).val());
                });
            });
        </script>

    </head>
    <body>
        <div>div01</div>
        <div>div02</div>
        <div>div03</div>
        <div>div04</div>
        <div>div05</div>
        <input type="button" value="呵呵1">
        <input type="button" value="呵呵2">
    </body>
</html>